@extends('Admin.layout.layout')

@section('before.css')
    <link href="{{asset('css/plugins/iCheck/custom.css')}}" rel="stylesheet">
@endsection

@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>添加角色 <small></small></h5>
                    </div>
                    <div class="ibox-content">
                        <form class="form-horizontal m-t" id="Form" action="/foradmin/role" method="post">
                            {!!  csrf_field() !!}
                            <div class="modal-body">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">角色标识：</label>
                                    <div class="col-sm-8">
                                        <input id="name" name="name" value="{{ old('name') }}" class="form-control" type="text" aria-required="true" aria-invalid="false" class="valid">
                                        @include('Admin.layout.tip',['field' => 'name'])
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">角色名称：</label>
                                    <div class="col-sm-8">
                                        <input id="display_name" name="display_name" value="{{ old('display_name') }}" class="form-control" type="text" aria-required="true" aria-invalid="false" class="valid">
                                        @include('Admin.layout.tip',['field' => 'display_name'])
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">描述：</label>
                                    <div class="col-sm-8">
                                        <input id="description" value="{{ old('description') }}" name="description" class="form-control" type="text" aria-required="true" aria-invalid="false" class="valid">
                                        @include('Admin.layout.tip',['field' => 'description'])
                                    </div>
                                </div>
                            </div>

                            {{--<div class="form-group">--}}
                                {{--<label class="col-sm-3 control-label">显示：</label>--}}
                                {{--<div class="col-sm-8">--}}
                                    {{--<div class="radio i-checks">--}}
                                        {{--<label><input @if(old('hide',0) == 0) checked @endif type="radio" name="hide" value="0"/></label>是--}}
                                        {{--<label><input @if(old('hide',0) == 1) checked @endif type="radio" name="hide" value="1"/></label>否--}}
                                    {{--</div>--}}
                                    {{--@include('Admin.layout.tip',['field' => 'hide'])--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            <div class="form-group" style="margin-bottom: 0;">
                                <label class="col-sm-3 control-label">权限：</label>
                                <div class="col-sm-8">
                                    <div class="col-sm-12">
                                        <p style="width: 150px; float: left;" class="form-control-static">菜单</p>
                                        <p style="margin-left: 185px;" class="form-control-static">操作</p>
                                    </div>
                                </div>
                            </div>
                            {{--<div class="form-group">--}}

                                {{--<label class="col-sm-3 control-label"></label>--}}
                                {{--<div class="col-sm-8">--}}
                                    {{--@foreach($data as $k =>$v)--}}
                                    {{--<div class="radio i-checks">--}}
                                        {{--<div style="width: 150px; float: left;">--}}
                                            {{--<label><input type="checkbox" class="checkboxone" name="menu[]" value="{{$v['menu_id']}}"/><font>{{$v['name']}}</font></label>--}}
                                        {{--</div>--}}
                                        {{--<div style="margin-left: 160px;">--}}
                                            {{--@foreach($v['menu_action'] as $key =>$val)--}}
                                             {{--<label><input type="checkbox" class="checkboxtwo" name="action[]" value="{{$val['action_id']}}"/>{{$val['name']}}</label>--}}
                                            {{--@endforeach--}}

                                        {{--</div>--}}
                                    {{--</div>--}}
                                    {{--@endforeach--}}
                                {{--</div>--}}
                            {{--</div>--}}


                            <div class="form-group checkbox_create">
                                <label class="col-sm-3 control-label"></label>
                                <div class="col-sm-8">
                                    <div class="checkbox i-checks">
                                        <label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxall" name="" value="1"/><font>全选</font></label>
                                    </div>
                                </div>
                                <label class="col-sm-3 control-label"></label>
                                <div class="col-sm-8">

                                    @foreach($data as $k =>$v)
                                    <div style="clear: both"></div>
                                    <div class="checkbox i-checks">
                                        <label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxone1" name="menu[]" value="{{$v['menu_id']}}"/><font>{{$v['name']}}</font></label>
                                        @if(isset($v['child']))
                                            @foreach($v['child'] as $child_k =>$child_v)
                                                <div style="clear: both"></div>
                                                <div style="margin-left: 30px;">
                                                    <label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxone2" name="menu[]" value="{{$child_v['menu_id']}}"/><font>{{$child_v['name']}}</font></label>

                                                    @if(isset($child_v['child']))
                                                        @foreach($child_v['child'] as $c_k =>$c_v)
                                                        <div style="clear: both"></div>
                                                        <div style="margin-left: 60px;">
                                                            <label class="checkbox-inline" style="float: left;width: 100px; "><input type="checkbox" class="checkbox checkboxone3" name="menu[]" value="{{$c_v['menu_id']}}"/><font>{{$c_v['name']}}</font></label>
                                                            @if(!empty($c_v['menu_action']))
                                                            <div style="display: inline-block;">
                                                                @foreach($c_v['menu_action'] as $act_k=>$act_v)
                                                                 <label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="action[]" value="{{$act_v['action_id']}}"/>{{$act_v['name']}}</label>
                                                                @endforeach
                                                            </div>
                                                            @endif
                                                        </div>
                                                        @endforeach
                                                    @else

                                                        @if(!empty($child_v['menu_action']))
                                                            <div style="display: inline-block;">
                                                                @foreach($c_v['menu_action'] as $act_k=>$act_v)
                                                                 <label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="action[]" value="{{$act_v['action_id']}}"/>{{$act_v['name']}}</label>
                                                                @endforeach
                                                            </div>
                                                        @endif

                                                    @endif
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                    @endforeach

                                    {{--<div class="checkbox i-checks">--}}
                                        {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxone1" name="a" value="1"/><font>选择1</font></label>--}}
                                        {{--<div style="margin-left: 30px;">--}}
                                            {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxone2" name="a" value="2"/><font>选择2</font></label>--}}
                                            {{--<div style="margin-left: 60px;">--}}
                                                {{--<label class="checkbox-inline" style="float: left;width: 100px; "><input type="checkbox" class="checkbox checkboxone3" name="a" value="3"/><font>选择3</font></label>--}}
                                                {{--<div style="display: inline-block;">--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                            {{--<div style="margin-left: 60px;">--}}
                                                {{--<label class="checkbox-inline" style="float: left;width: 100px; "><input type="checkbox" class="checkbox checkboxone3" name="a" value="3"/><font>选择3</font></label>--}}
                                                {{--<div style="display: inline-block;">--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<div style="margin-left: 30px;">--}}
                                            {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxone2" name="a" value="2"/><font>选择2</font></label>--}}
                                            {{--<div style="margin-left: 60px;">--}}
                                                {{--<label class="checkbox-inline" style="float: left;width: 100px;"><input type="checkbox" class="checkbox checkboxone3" name="a" value="3"/><font>选择3</font></label>--}}
                                                {{--<div style="display: inline-block;">--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                            {{--<div style="margin-left: 60px;">--}}
                                                {{--<label class="checkbox-inline" style="float: left;width: 100px;"><input type="checkbox" class="checkbox checkboxone3" name="a" value="3"/><font>选择3</font></label>--}}
                                                {{--<div style="display: inline-block;">--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                     {{--<label class="checkbox-inline"><input type="checkbox" class="checkbox checkboxtwo" name="a" value="333"/>选择2</label>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}



                                </div>
                            </div>





                            <div class="modal-footer">
                                <a href="/foradmin/role" class="btn btn-default pull-left">返回</a>
                                <button type="submit" class="btn btn-primary" id="btn_submit">
                                    确定
                                </button>
                                <a href="/foradmin/role" class="btn btn-default return"
                                   data-dismiss="modal" >取消
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{{--    <!-- <script src="{{asset('js/plugins/iCheck/icheck.min.js')}}"></script> -->--}}
    <script>
        $(document).ready(function () {
           /* $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
*/
            $('.checkboxall').on('click', function(event){
                var _this = this;
                if($(_this).is(':checked')){
                    $(_this).parent().parent().parent().parent().find('input[type = "checkbox"]').each(function(){
                       $(this).prop("checked","checked");
                    });
                }else{
                    $(_this).parent().parent().parent().parent().find('input[type = "checkbox"]').each(function(){
                       $(this).prop("checked","");
                    });
                }
            })
            $('.checkboxone1').on('click', function(event){
                var _this = this;
                if($(_this).is(':checked')){
                    $(_this).parent().parent().find('input[type = "checkbox"]').each(function(){
                       $(this).prop("checked","checked");
                    });
                }else{
                    $(_this).parent().parent().find('input[type = "checkbox"]').each(function(){
                       $(this).prop("checked","");
                    });
                }
            })
            $('.checkboxone2').on('click', function(event){
                var _this = this;
                if($(_this).is(':checked')){
                    $(_this).parent().parent().parent().find('.checkboxone1').prop("checked","checked");
                    $(_this).parent().parent().find('input[type = "checkbox"]').each(function(){
                       $(this).prop("checked","checked");
                    });
                }else{
                    $(_this).parent().parent().find('input[type = "checkbox"]').each(function(){
                       $(this).prop("checked","");
                    });
                }

            })

            $('.checkboxone3').on('click', function(event){
                var _this = this;
                if($(_this).is(':checked')){
                    $(_this).parent().parent().parent().parent().find('.checkboxone1').prop("checked","checked");
                    $(_this).parent().parent().parent().find('.checkboxone2').prop("checked","checked");
                    $(_this).parent().parent().find('input[type = "checkbox"]').each(function(){
                       $(this).prop("checked","checked");
                    });
                }else{
                    $(_this).parent().parent().find('input[type = "checkbox"]').each(function(){
                       $(this).prop("checked","");
                    });
                }

            })
            $('.checkboxtwo').on('click', function(event){
                var _this = this;
                if($(_this).is(':checked')){
                    $(_this).parent().parent().parent().parent().parent().find('.checkboxone1').prop("checked","checked");
                    $(_this).parent().parent().parent().parent().find('.checkboxone2').prop("checked","checked");
                    $(_this).parent().parent().parent().find('.checkboxone3').prop("checked","checked");
                }

            })
        });


    </script>
@endsection
